<div class="col-md-12">

    <!--页眉-->
    <div class="row col-md-12 text-center pageHead">
        <span class="glyphicon glyphicon-repeat pull-left back-icon" ng-click="backMenu()"></span>
        <span class="pull-left back mt15" ng-click="backMenu()">回功能列表</span>
        <span class="title">
			沈阳怪坡景区销售系统
		</span>
        <span class="glyphicon glyphicon-list-alt pull-right back-icon" ng-click="backMenu()"></span>
        <span class="pull-right back mt15" ng-click="backMenu()">快捷菜单</span>
    </div>

    <div class="list-container panel panel-default mt50">
        <div class="panel-body">

            <table class="table table-bordered table-hover">
                <thead>
                    <tr>
                        <th class="col-md-3 text-center">票名</th>
                        <th class="col-md-3 text-center">销售</th>
                        <th class="col-md-3 text-center">核销</th>
                        <th class="col-md-3 text-center">退票</th>
                    </tr>
                </thead>
                <tbody>
                    <tr class="form-inline" ng-repeat="sale in saleList">
                        <td class="text-center">{{sale.name}}</td>
                        <td class="text-center">{{sale.sale}}张</td>
                        <td class="text-center">{{sale.validate}}张</td>
                        <td class="text-center">{{sale.back}}张</td>
                    </tr>
                </tbody>
            </table>

			<div class="col-md-12">
				<div class="row">
					<div class="col-xs-1"></div>
					<div class="col-xs-2">
						{{saleNum}}张<br/>
						<font>销售</font>
					</div>
					<div class="col-xs-2">
						{{backNum}}张<br/>
						<font>退票</font>
					</div>
					<div class="col-xs-2">
						{{validateNum}}张<br/>
						<font>核销</font>
					</div>
					<div class="col-xs-2">
						￥{{totalMoney}}<br/>
						<font>总金额</font>
					</div>
					<div class="col-xs-2">
						￥{{backMoney}}<br/>
						<font>退票金额</font>
					</div>
					<div class="col-xs-1"></div>
				</div>
			</div>

        </div>

    </div>

</div>

<style type="text/css">

    .title {
        font-size: 35px;
    }

    .back {
        font-size: 15px;
        vertical-align: middle;
    }

    .back-icon {
        font-size: 15px;
        margin: 15px;
        margin-top: 18px;
        vertical-align: middle;
    }

    .pageHead {
        width: 100%;
        padding: 0px;
        color: #FFF;
        background-color: rgb(44, 152, 212);
    }

    .ng-scope {
        padding: 0px;
    }

    .row {
        margin-left: 0px;
    }

    .row div {
        padding: 0px;
    }

</style>